import React from "react"
import {WhiteSpace} from "antd-mobile";

export default class Confirm extends React.Component{
    render() {
        const style = {
            width:'80%',
            position: 'absolute',
            top: '50%',
            marginTop: '-50%',
            marginLeft: '10%',
            fontSize: '24px',
            color: '#86c4cd',
            textAlign: "center"
        }
        return (
            <div style={style}>
                <b>确认提交?</b>
                <WhiteSpace/>
                <WhiteSpace/>
                <WhiteSpace/>
                <WhiteSpace/>
                <img onClick={this.props.cancel || this.cancel} style={{width:'24%', marginRight:'16%'}} src="/img/tj/资源 43@2x.png" alt=""/>
                <img onClick={this.props.submit} style={{width:'24%'}} src="/img/tj/资源 44@2x.png" alt=""/>
                <WhiteSpace/>
                <WhiteSpace/>
            </div>
        )
    }
    cancel = () => {
        this.props.history.goBack()
    }
}